<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>页面loading组件 The Page Loading Widget-JQUERY MOBILE 中文API站</title>
<meta name="keywords" content="JQUERY MOBILE 1.0正式版中文手册,Jquery Mobile 1.0,Jquery mobile,移动框架开发手册,darklord,JQUERY MOBILE 1.0正式版,JQUERY API,jqmapi,jqm,jquery," />
<meta name="description" content="Jquery mobile RC1版本中文站,Jquery mobile最新中文手册，提供最新版Jquery mobile移动web与应用开发帮助。" />
<link rel="stylesheet" type="text/css" href="../../style/Jqueryapi.css" tppabs="http://www.jqmapi.com/style/Jqueryapi.css"/>
<script type="text/javascript" src="../../style/lib/jquery-1.6.1.min.js" tppabs="http://www.jqmapi.com/style/lib/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="../../style/jqmapi.js" tppabs="http://www.jqmapi.com/style/jqmapi.js"></script>
<link rel="shortcut icon" href="../../style/img/favicon.ico" />
</head>
<body>
<div class="nav">
<iframe width="250px" scrolling="no" frameborder="0" allowtransparency="true" src="../../nav.html" tppabs="http://www.jqmapi.com/nav.html" height="1300px"></iframe>
</div>
<div class="main">
<hr style="color:#595959;" />

<div class="content">
	<h1>页面loading组件 The Page Loading Widget</h1>
  <div class="desc"><strong></strong>
<div>页面loading的对话框可以通过三种方法进行全局的设置：<br />
<strong>$.mobile.loadingMessage, </strong>
<strong>$.mobile.loadingMessageTextVisible</strong>,和

<strong>$.mobile.loadingMessageTheme</strong>。
第三种方法现在已经不推荐使用了。<br />
除了用于显示和隐藏loading对话框以外，
<strong>$.mobile.showPageLoadingMsg </strong>和
<strong>$.mobile.hidePageLoadingMsg</strong>方法也不推荐使用了。</div></div>


  <div class="desc">
<div>在jQuery Mobile通过ajax往页面中加入内容时，loading组件用来显示loading对话框。通过使用<strong>$.mobile.loading方法</strong>（见 全局方法）可以 自定义 loading对话框的样式。</div>

</div>

  <div class="desc">
<div>在mobileinit事件中，可以全局地进行设置对话框的属性：</div></div>


	<p class="indent"><strong>以下为默认：</strong></p>
				<div class="code">
				  <p>$( document ).bind( 'mobileinit', function(){<br>
                    <strong>$.mobile.loader.prototype.options.text = &quot;loading&quot;;<br>
$.mobile.loader.prototype.options.textVisible = false;<br>
$.mobile.loader.prototype.options.theme = &quot;a&quot;;<br>
$.mobile.loader.prototype.options.html = &quot;&quot;;</strong><br>
});
			      </p>
</div>
  <div class="desc">
<div><strong>后续的设置回覆盖掉默认的设置，一旦后续的设置被删除掉了， 那么默认的设置就能会被 $.mobile.loading中对象的描述的所覆盖。</div><br />
</div>
	<p class="indent"><strong>javascript代码：</strong></p>
				<div class="code">
				  <p>$.mobile.loading( 'show', {<br>
                    <strong>text: 'foo',<br>
textVisible: true,<br>
theme: 'z',<br>
html: &quot;&quot;</strong><br>
});</p>
</div>

</div>
</div>
</div>
<iframe id="iFrame1" width="160px" scrolling="no" frameborder="0" allowtransparency="true" src="../../adsense_r.html" tppabs="http://www.jqmapi.com/adsense_r.html" onload="this.height=iFrame1.document.body.scrollHeight" ></iframe>
</body>
</html>



